<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-终端管理-添加</title>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
  
  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
</head>
<body>
  @@include('header.html')
  @@include('menu.html')
  <div class="content-wrap">
    <ol class="breadcrumb _white">
      <li><a href="./index.html">终端列表</a></li>
      <li class="active">添加终端</li>
    </ol>
    <div class="detail-title">
      <div class="detail-title-text">新建终端</div>
    </div>
    <div class="content">
      <form class="form form-horizontal inner-form" id='form'>
        <div class="form-group form-group-required">
          <label for="identifier" class="col-xs-24 col-sm-^^gutter-name control-label">终端号</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="identifier" class="form-control" name="identifier" :disabled="isLock">
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="developersId" class="col-xs-24 col-sm-^^gutter-name control-label">开发商</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="developersId" name="developersId" :disabled="isLock" ref="developersId">
              <option value=''>请选择</option>
              <option v-for="developer in developerList" :value="developer.idStr" v-if="developer.enterInfo && developer.enterInfo.enterpriseName">
                {{ developer.enterInfo.enterpriseName }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="propertyId" class="col-xs-24 col-sm-^^gutter-name control-label">楼盘名称</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="propertyId" name="propertyId" :disabled="isLock">
              <option value=''>请选择</option>
              <option v-for="droperty in dropertyList" :value="droperty.idStr" v-if="droperty.dId === developersId">
                {{ droperty.propertyName }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-required">
          <label for="type" class="col-xs-24 col-sm-^^gutter-name control-label">终端类型</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="btn-group">
              <button type="button" class="btn" :class="(type - 0) === 1 ? 'btn-primary' : 'btn-default'" :disabled="isLock" value="1" @click="checkType">一体机</button>
              <button type="button" class="btn" :class="(type - 0) === 2 ? 'btn-primary' : 'btn-default'" :disabled="isLock" value="2" @click="checkType">POS机</button>
              <button type="button" class="btn" :class="(type - 0) === 3 ? 'btn-primary' : 'btn-default'" :disabled="isLock" value="3" @click="checkType">平板</button>
            </div>
          </div>
        </div>
        <div v-if="(type - 0) === 2" class="form-group form-group-required">
          <label for="cusId" class="col-xs-24 col-sm-^^gutter-name control-label">商户号</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <input type="text" v-model="cusId" class="form-control" name="cusId" :disabled="isLock">
          </div>
        </div>
        <div class="form-group" v-show="(type - 0) === 1">
          <label for="keyBoardId" class="col-xs-24 col-sm-^^gutter-name control-label">金属键盘</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="keyBoardId" name="keyBoardId" :disabled="isLock" ref='keyBoardId'>
              <option value=''>请选择</option>
              <option v-for="keyBoard in keyBoardList" :value="keyBoard.idStr">
                {{ keyBoard.keySn }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group" v-show="(type - 0) === 2">
          <label for="receivablesPeopleId" class="col-xs-24 col-sm-^^gutter-name control-label">收款单位</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <select class="form-control" autofocus="off" v-model="receivablesPeopleId" name="receivablesPeopleId" :disabled="isLock">
              <option value=''>请选择</option>
              <option v-for="receivablesPeople in receivablesPeopleList" :value="receivablesPeople.id">
                {{ receivablesPeople.enterInfo.enterpriseName }}
              </option>
            </select>
          </div>
        </div>
        <div class="form-group" v-show="(type - 0) === 3">
          <label for="contractId" class="col-xs-24 col-sm-^^gutter-name control-label">合同模板</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <div class="checkbox" v-for="contract in contractList">
              <label>
                <input type="checkbox" :value="contract.id" v-model="contractId" name="contractId" :disabled="isLock">
                {{ contract.contractName }}
              </label>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label for="publicKey" class="col-xs-24 col-sm-^^gutter-name control-label">验签公钥</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <textarea class="form-control" rows="3" v-model="publicKey" name="publicKey" :disabled="isLock" autocomplete="off"></textarea>
          </div>
        </div>
        <div class="form-group">
          <label for="privateKey" class="col-xs-24 col-sm-^^gutter-name control-label">验签私钥</label>
          <div class="col-xs-24 col-sm-^^gutter-value">
            <textarea class="form-control" rows="3" v-model="privateKey" name="privateKey" :disabled="isLock" autocomplete="off"></textarea>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-24 col-sm-offset-^^gutter-name col-sm-^^gutter-value">
            <button type="submit" class="btn btn-primary btn-h-llg" :disabled="isLock">提交</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  @@include('footer.html')
</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/terminalManage_add.js"></script>
</html>